﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="$Site.Description">
    <meta name="keywords" content="$Site.Keywords">
    <meta name="author" content="$Site.Author">
    <title>$Site.Title</title>
    <link href="${Site.Url}Content/bootstrap.min.css" rel="stylesheet">
    <link href="${Site.TemplateUrl}css/blog.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

    <div class="blog-masthead">
        <div class="container">
            <nav class="blog-nav">
                <a class="blog-nav-item active" href="#">主页</a>
                <a class="blog-nav-item" href="#">博客</a>
                <a class="blog-nav-item" href="#">归档</a>
                <a class="blog-nav-item" href="#">留言</a>
                <a class="blog-nav-item" href="#">关于</a>
            </nav>
        </div>
    </div>

    <div class="container">

        <div class="blog-header">
            <h1 class="blog-title">$Site.Name</h1>
            <p class="lead blog-description">Open source templating engine for .net!</p>
        </div>

        <div class="row">

            <div class="col-sm-8 blog-main">

                $foreach(row in news)
                <div class="blog-post">
                    <h2 class="blog-post-title">$row.Title</h2>
                    <p class="blog-post-meta">$row.CreateDate.ToString("yyyy-MM-dd") 
                    $if(row.CreateDate >= date.AddDays(-3))
                        <span style="color:#f00">new</span>
                    $end
                    <a href="#">$row.Author</a></p>
                    $row.Content
                </div>
                $end

                <ul class="pager">
                    <li><a href="#">Previous</a></li>
                    <li><a href="#">Next</a></li>
                </ul>

            </div><!-- /.blog-main -->

            <div class="col-sm-3 col-sm-offset-1 blog-sidebar">
                <div class="sidebar-module sidebar-module-inset">
                    <h4>关于</h4>
                    <p>
                        $about
                    </p>
                </div>
                <div class="sidebar-module">
                    <h4>归档</h4>
                    <ol class="list-unstyled">
                        $for(i=date.Month;i > 0;i--)
                        <li><a href="#">$i 月 $date.Year</a></li>
                        $end
                    </ol>
                </div>
                <div class="sidebar-module">
                    <h4>链接</h4>
                    <ol class="list-unstyled">
                        $foreach(row in links)
                        <li><a href="$row.Url">$row.Name</a></li>
                        $end
                    </ol>
                </div>
            </div><!-- /.blog-sidebar -->

        </div><!-- /.row -->

    </div><!-- /.container -->

    <div class="blog-footer">
        <p>Blog template built for <a href="http://getbootstrap.com">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p>
        <p>
            <a href="#">Back to top</a>
        </p>
    </div>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="${Site.Url}Scripts/jquery-1.9.1.min.js"></script>
    <script src="${Site.Url}Scripts//bootstrap.min.js"></script>
</body>
</html>
